<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

		
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index-style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/swiper.min.js"></script>
		
		
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国服务热线：400-000-0000</span>
						<div class="fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<nav>
					<div class="nleft fl">
						<span class="logo">
							<img src="img/logo.png"/>
						</span>
						<div class="logotitle">
							<p id="lt1">TK科技有限公司</p>
							<p id="lt2">cer dcd keo Holdings Co., Ltd.</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="nright fr">
						
						<ul>
							<li id="index" class="active">
								<a href="index.html">
									<p>首页</p>
									<p>Home</p>
								</a>
							</li>
							
							<li id="about">
								
								<a href="">
									<p>关于我们</p>
									<p>About</p>
								</a>
							</li>
							<li id="product">
								<a href="product.html">
									<p>产品中心</p>
									<p>Products</p>
								</a>
							</li>
							<li id="serve">
								<a href="">
									<p>服务支持</p>
									<p>Service</p>
								</a>
							</li>
							<li id="news">
								<a href="">
									<p>新闻中心</p>
									<p>News</p>
								</a>
							</li>
							<li id="shop">
								<a href="detail.html">
									<p>在线商店</p>
									<p>Shop</p>
								</a>
							</li>
							<li id="contact">
								<a href="">
									<p>联系我们</p>
									<p>Contact Us</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</nav>
			</header>
			<!--轮播图-->
			
			
			<div class="carou">
				<!--<div class="pic">	 
					 	<img src="img/banner.png"/>
					
				</div>
				
				<ul class="point">
					<li class="pactive"></li>
					<li></li>
					<li></li>
					<li></li>	
				</ul>
				<div class="clear"></div>-->
				<div class="swiper-container">
    				<div class="swiper-wrapper">
        				<div class="swiper-slide">
        					<a href="">
        						<img src="img/banner.png"/>
        					</a>
        				</div>
        				<div class="swiper-slide">
        					<a href="">
        						<img src="img/banner.png"/>
        					</a>
        				</div>
        				<div class="swiper-slide">
        					<a href="">
        						<img src="img/banner.png"/>
        					</a>
        				</div>
        				<div class="swiper-slide">
        					<a href="">
        						<img src="img/banner.png"/>
        					</a>
        				</div>
    				</div>
    				<!-- 如果需要分页器 -->
    				<div class="swiper-pagination"></div>
    
    				<!-- 如果需要导航按钮 -->
    				<!--<div class="swiper-button-prev"></div>-->
    				<!--<div class="swiper-button-next"></div>-->
    
    				<!-- 如果需要滚动条 -->
    				<!--<div class="swiper-scrollbar"></div>-->
				</div>
				<script type="text/javascript">
	new Swiper('.swiper-container',{
		loop:true,
		direction:"horizontal",
		pagination: '.swiper-pagination',
		autoplay: 3000,
    	paginationClickable:true
	});
</script>
				
			
			</div>
			<!--产品介绍-->
			<div class="productbox">
				<div class="product">
					<div class="item">
						<div id="item1" class="news">
							<div class="newspic">
								<img src="img/111.png"/>
							</div>
							<p>新闻中心</p>
							<a href="">NEWS.CENTER</a>
						</div>
						<div class="item-content">
							<div class="ic-top">
								<p id="ic-top-title">
									CeBIT 2015
								</p>
								<span id="ic-top-pic">
									<a href="">
										<img src="img/item1.png"/>
									</a>
								</span>
								<span id="ic-top-text">
									创新ICT共建全联接世界德国汉诺威展览中心<br />3月16日-20日
								</span>
								<div class="clear"></div>
							</div>
							<hr />
							<div class="ic-text">
								<ol>
									<li>
										<a href="">上海国际智能建筑展览会
										</a>
									</li>
									<li>
										<a href="">2014德国柏林国际消费类电子产品展览会
										</a>
									</li>
									<li>
										<a href="">2014中国（贵阳）公告安全防范产品展览会
										</a>
									</li>
								</ol>
							</div>
						</div>
					</div>
					<div class="item">
						<div id="item2" class="news">
							<div class="newspic">
								<img src="img/222.png"/>
							</div>
							<p>新品发布</p>
							<a href="">NEWS.PRODUCTS</a>
						</div>
						<div class="item2-pic">
							<div class="item2-prev">
								<a href="">
									<img src="img/item2-prev.png"/>
								</a>
							</div>
							<div class="item2-p">
								<a href="">
									<img src="img/item2.PNG"/>
								</a>
							</div>
							<div class="item2-next">
								<a href="">
									<img src="img/item2-next.png"/>
								</a>
							</div>
							
							<div class="clear"></div>
							
							
						</div>
						<div class="item2-text">
							<p>
								s6213w-y
							</p>
							<p>
								海思3518E方案，多码流技术，百万高清
							</p>
						</div>
					</div>
					<div class="item">
						<div id="item3" class="news">
							<div class="newspic">
								<img src="img/333.png"/>
							</div>
							<p>品牌介绍</p>
							<a href="">INFORMATION</a>
						</div>
						<div class="item3-pic">
							<a href="">
								<img src="img/item3.png"/>
							</a>
						</div>
						<div class="item3-text">
							
							<div>"siepem"品牌是广州市TK科技有限公司
推出的自有品牌</div>
							
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
			<!--关于我们-->
			<div class="about">
				<div class="about-title">
					<p>关于我们</p>
					<fieldset id="">
						<legend>&nbsp;&nbsp;&nbsp;STORE DISPLAY&nbsp;&nbsp;&nbsp;</legend>
						
					</fieldset>
				</div>
				<div class="about-text">
					<p>
						广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。
						<br />TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品
<br />持续为客户创造最大价值。
					</p>
					<div class="about-carou">
						<a href="">
							<div class="about-pic1 fl">
								<img src="img/about-pic1.png"/>
							</div>
						</a>
						<a href="">
							<div class="about-pic2 fl">
								<img src="img/about-pic2.png"/>
							</div>
						</a>
						<a href="">
							<div class="about-pic2 fl">
								<img src="img/about-pic3.png"/>
							</div>
						</a>
						<a href="">
							<div class="about-pic2 fl">
								<img src="img/about-pic4.png"/>
							</div>
						</a>
						<a href="">
							<div class="about-pic3 fl">
								<img src="img/about-pic5.png"/>
							</div>
						</a>
						<div class="clear"></div>
					</div>
				</div>
				
			</div>
			<!--联系我们-->
			<div id="contactus" class="contact">
				<div class="contact-title">
					<p>联系我们</p>
					<fieldset id="">
						<legend>&nbsp;&nbsp;&nbsp;STORE DISPLAY&nbsp;&nbsp;&nbsp;</legend>
						
					</fieldset>
				</div>
				<div class="contact-content">
					<div class="contact-left fl">
						<div class="bar fl">
							<a href="">
								<div class="bar-pic">
									<img src="img/contact-pic1.png"/>
								</div>
							</a>
							<p>微信扫一扫</p>
							<p>关注我们相关的信息</p>
						</div>
						<div class="contact-table fl">
							<table>
								<tr height="29px">
									<td width="37px">
										<div class="contact-table-pic">
											<img src="img/contact-table-pic1.png"/>
										</div>
									</td>
									<td width="58px">服务热线</td>
									<td>：400-000-0000</td>
								</tr>
								<tr>
									<td>
										<div class="contact-table-pic">
											<img src="img/contact-table-pic2.png"/>
										</div>
									</td>
									<td style="letter-spacing: 5px;">联系人</td>
									<td>：某先生</td>
								</tr>
								<tr>
									<td>
										<div class="contact-table-pic">
											<img src="img/contact-table-pic3.png"/>
										</div>
									</td>
									<td>公司邮箱</td>
									<td>：www.tk.com</td>
								</tr>
								<tr>
									<td>
										<div class="contact-table-pic">
											<img src="img/contact-table-pic4.png"/>
										</div>
									</td>
									<td>公司传真</td>
									<td>：000-12345678</td>
								</tr>
								<tr>
									<td>
										<div class="contact-table-pic">
											<img src="img/contact-table-pic5.png"/>
										</div>
									</td>
									<td>邮政编码</td>
									<td>：467000</td>
								</tr>
								<tr>
									<td>
										<div class="contact-table-pic">
											<img src="img/contact-table-pic6.png"/>
										</div>
									</td>
									<td>公司地址</td>
									<td>：广州市某某区某某路某号</td>
								</tr>
							</table>
						</div>
						<div class="clear"></div>
						<div class="contact-bottom">
							<img src="img/contact-pic2.png"/>
						</div>
					</div>
					<div class="contact-right fl">
						<form action="" method="post">
							<p>昵称</p>
							<input type="text" value=""/>
							<p>联系电话</p>
							<input type="text" value=""/>
							<p>电子邮箱</p>
							<input type="text" value=""/>
							<p>内容</p>
							
							<textarea name="" rows="" cols=""></textarea>
							<input type="submit" value="提交" />
						</form>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--底部-->
			<footer>
				<div class="footer1">
					<p> 关注我们：
						<a href="">
							<img src="img/footer-pic1.png"/>
						</a>
						<a href="">
							<img src="img/footer-pic2.png"/>
						</a>
						<a href="">
							<img src="img/footer-pic3.png"/>
						</a>
					</p>
					<p>
						<a href="">网站首页·</a>   
						<a href="">新闻动态·</a>   
						<a href="">关于我们·</a>   
						<a href="">团队风采·</a>   
						<a href="">联系我们·</a>   
						<a href="">在线留言</a>
					</p>
				</div>
				<div class="footer2">
					<p> ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
				</div>
			</footer>
		</div>
	</body>
</html>
